const layer = layui.layer
const form = layui.form

// *1. 获取分类列表渲染表格信息
getCateList()

function getCateList() {
  $.get('https://zhi.zeng.pub/big-event/my/article/cates').then((res) => {
    $('.layui-card-body tbody').html(template('tbody-tmp', res))
  })
}
// *2. 添加文章类型
$('#add-cate-btn').on('click', function () {
  window.addLayerId = layer.open({
    type: 1,
    area: ['550px', '300px'],
    title: '添加文章类别',
    content: $('#add-cate-tmp').html()
  })
})

$('body').on('submit', '#addForm', function () {
  // 1. 获取表单收集的数据
  const data = form.val('add-cate-form')
  // 2. 发起请求
  $.post('https://zhi.zeng.pub/big-event/my/article/addcates', data).then((res) => {
    // 判断是否成功
    if (res.code !== 200) return layer.msg(res.msg || '添加失败')

    // 加载新数据
    getCateList()
    // 显示弹窗提示
    layer.msg('添加成功')
    // 关闭弹窗
    layer.close(window.addLayerId)
  })

  return false
})

// *3. 修改文章类别
$('tbody').on('click', '.edit-cate-btn', function () {
  // 3.1获取id
  const id = $(this).data('id')
  // 3.2发起网络请求获取对应ID类别信息 【作为地址传递】
  $.get('https://zhi.zeng.pub/big-event//my/article/cates/' + id).then((res) => {
    // 3.3 显示弹窗
    layer.open({
      type: 1,
      area: ['550px', '300px'],
      title: '修改文章类别',
      content: $('#edit-cate-tmp').html()
    })
    // 3.4 将数据显示在表单中
    form.val('edit-cate-form', res.data)
  })
})

// ...提交修改逻辑

// *4. 删除文章类别
$('tbody').on('click', '.delete-cate-btn', function () {
  const id = $(this).data('id')
  // 4.1 显示确认框
  window.deleteLayerId = layer.confirm('你确定要删除吗', { icon: 3, title: '提示' }, function () {
    // 4.2 确认操作【删除当前类型】
    $.get('https://zhi.zeng.pub/big-event//my/article/deletecate/' + id).then((res) => {
      // 4.3 成功的逻辑
      // 判断是否成功
      if (res.code !== 200) return layer.msg(res.msg || '删除失败')

      // 加载新数据
      getCateList()
      // 显示弹窗提示
      layer.msg('删除成功')
      // 关闭弹窗
      layer.close(window.deleteLayerId)
    })
  })
})
